
@function px2rem($px,$base:75){
  @return ($px/$base)+rem
}
@mixin font-dpr($font-size){
  font-size: $font-size;

  [data-dpr="2"] & {
    font-size: $font-size * 2;
  }

  [data-dpr="3"] & {
    font-size: $font-size * 3;
  }
}
@mixin lineheight-dpr($font-size){
  line-height: $font-size;

  [data-dpr="2"] & {
    line-height: $font-size * 2;
  }

  [data-dpr="3"] & {
    line-height: $font-size * 3;
  }
}



.screen-contactUs-wrap{
  padding: px2rem(30) px2rem(40);
  margin-bottom: px2rem(11);
  border:1px solid #e5e5e5;

  box-sizing: border-box;
  .screen-contactUs{
    @include font-dpr(15px);
    -webkit-appearance: none;
    background: url("../img/xia.png")no-repeat right center;
    background-size: px2rem(15);
    width: 100%;
    border:0;
  }
}

.content-contactUs-wrap{
  width: 90%;
  margin: 0 auto;
  .box-contactUs{
    margin-bottom: px2rem(60);
    .boxImg-contactUs{
      img{
        width: 100%;
      }
    }
    .boxContent-contactUs{
      overflow: hidden;
      .boxContent-left-contactUs{
        letter-spacing: 1px;
      display: inline-block;
        @include font-dpr(18px);
        font-weight: bold;
        color: #000;
        margin-left: px2rem(60);
        vertical-align:top;
        width: 13%;
        margin-top: px2rem(25);
      }
      .boxContent-right-contactUs{
        letter-spacing: 1px;
        display: inline-block;
        @include font-dpr(12px);
        font-family: "Microsoft Yahei";
        color: #666;
        vertical-align:top;
        width: 66%;
        margin-top: px2rem(30);
        margin-left: px2rem(60);
        li{

        }
        li:nth-child(1){
          span:nth-child(2){
            display: inline-block;
            width: 80%;
            vertical-align:top;
          }
        };
      }
    }
  }
}

